<script lang="ts" setup>
import { Swiper, SwiperSlide } from 'swiper/vue'
import { defineAsyncComponent } from 'vue'
const FrontPage = defineAsyncComponent(() => import('./components/frontPage/index.vue'))
const ProdectFunc = defineAsyncComponent(() => import('./components/productFunc/index.vue'))
</script>
<template>
  <div class="home">
    <Swiper direction="horizontal">
      <SwiperSlide>
        <FrontPage />
      </SwiperSlide>
      <SwiperSlide>
        <ProdectFunc />
      </SwiperSlide>
    </Swiper>
  </div>
</template>
<style lang="scss" scoped>
.home {
}
</style>
